<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>天天生鲜-搜索商品</title>
	<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/css/main.css">
	<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">

		$(function(){
			if($('.login_btn').text().indexOf('欢迎') >= 0){
				$.get('/cart/count_judge/', function (data){
					$('#show_count').text(data.count);
				});
			}
		})

	</script>
</head>
<body>
	<div class="header_con">
		<div class="header">
			<div class="welcome fl">欢迎来到天天生鲜!</div>
			<div class="fr">
				<div class="login_btn fl">
					{% if request.session.user_name|default:'' != '' %}
					欢迎您：<em>{{ request.session.user_name }}</em>
					<span>|</span>
					<a href="/user/logout/">退出</a>
					{% else %}
					<a href="/user/login/">登录</a>
					<span>|</span>
					<a href="/user/register/">注册</a>
					{% endif %}
				</div>
				<div class="user_link fl">
					<span>|</span>
					<a href="/user/info/">用户中心</a>
					<span>|</span>
					<a href="/cart/">我的购物车</a>
					<span>|</span>
					<a href="/user/order/">我的订单</a>
				</div>
			</div>
		</div>
	</div>

	<div class="search_bar clearfix">
		<a href="/" class="logo fl"><img src="/static/images/logo.png"></a>
        <div class="search_con fl">
            <form method="get" id="searchform" action="/search/">
                <input type="text" class="input_text fl" name="q" placeholder="搜索商品" requeired>
				<button type="submit" class="input_btn fr">搜索</button>
            </form>
        </div>
		<div class="guest_cart fr">
			<a href="/cart/" class="cart_name fl">我的购物车</a>
			<div class="goods_count fl" id="show_count">0</div>
		</div>
	</div>

    <div class="navbar_con">
		<div class="navbar clearfix">
			<div class="subnav_con fl">
				<h1>全部商品分类</h1>
				<span></span>
				<ul class="subnav">
					<li><a href="/list1_1_1/" class="fruit">新鲜水果</a></li>
					<li><a href="/list2_1_1/" class="seafood">海鲜水产</a></li>
					<li><a href="/list3_1_1/" class="meet">猪牛羊肉</a></li>
					<li><a href="/list4_1_1/" class="egg">禽类蛋品</a></li>
					<li><a href="/list5_1_1/" class="vegetables">新鲜蔬菜</a></li>
					<li><a href="/list6_1_1/" class="ice">速冻食品</a></li>
				</ul>
			</div>
			<ul class="navlist fl">
				<li><a href="/">首页</a></li>
				<li class="interval">|</li>
				<li><a href="">手机生鲜</a></li>
				<li class="interval">|</li>
				<li><a href="">抽奖</a></li>
			</ul>
		</div>
	</div>

    <div class="main_wrap clearfix">
        <div class="r_wrap fr clearfix">
            {% if query %}
            <ul class="goods_type_list clearfix">
				{% for each in page %}
				<li>
					<a href="/{{ each.object.id }}/"><img src="/static/{{ each.object.product_img }}"></a>
					<h4><a href="/{{ each.object.id }}/">{{ each.object.product_name }}</a></h4>
					<div class="operate">
						<span class="prize">￥{{ each.object.product_price }}</span>
						<span class="unit">{{ each.object.product_unit }}</span>
						<a href="javascript:;" class="add_goods" id="{{ each.object.id }}" title="加入购物车"></a>
					</div>
				</li>
				{% empty %}
					没有找到对应商品，请重新搜索！
				{% endfor %}
			</ul>

			<div class="pagenation">
				{% if page.has_previous %}
				<a href="/search/?q={{ query }}&amp;page={{ page.previous_page_number }}"><上一页</a>
				{% endif %}

				{% for each in paginator.page_range %}
				{% if each == page.number %}
				<a href="#" class="active">{{ each }}</a>
				{% else %}
				<a href="/search/?q={{ query }}&amp;page={{ each }}">{{ each }}</a>
				{% endif %}
				{% endfor %}

				{% if page.has_next %}
				<a href="/search/?q={{ query }}&amp;page={{ page.next_page_number }}">下一页></a>
				{% endif %}
			</div>
            {% else %}
                请输入搜索关键字！
            {% endif %}
        </div>
    </div>


	<div class="footer">
		<div class="foot_link">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">招聘人才</a>
			<span>|</span>
			<a href="#">友情链接</a>
		</div>
		<p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
		<p>电话：010-****888    京ICP备*******8号</p>
	</div>

	<script type="text/javascript">
		$('.add_goods').click(function(){
			//判断是否登录，若未登录则先提示登录
			if($('.login_btn').text().indexOf('登录') >= 0){
				alert('请先登录后再进行购买！');
				location.href = '/user/login';
				return;
			}

			//ajax
			product_id = $(this).attr('id')
			$.get('/cart/add' + product_id +'_1/', function (data){
				$('#show_count').text(data.count);
			});
		})
	</script>
</body>
</html>